


        main{
            overflow: hidden;
        }
        .duckList{
            padding-top: 380px;
        }
        .duckList .palace{
            width: 580px;
            box-sizing: content-box;
            padding: 5px;
            padding-bottom: 15px;
            margin: 0px 10px;
            overflow: hidden;
        }
        .duckList .palace:first-child{
            transform: rotate(45deg);
            transform-origin: top right;
        }
        .duckList .palace:last-child{
            transform: rotate(-45deg);
            transform-origin: top left;
        }
        .duckList .palace .swiper-container{
            overflow: visible;
        }
        .duckList .palace .swiper-slide{
            transition: box-shadow .6s;
        }
        .duckList .palace .swiper-slide:hover,
        .duckList .palace .swiper-slide.active{
            box-shadow: -2px 4px 15px 0px #b2d4e6;
        }
        .duckList .palace .swiper-slide .box{
            position: relative;
            padding-bottom: 100%;
            overflow: hidden;
        }
        .duckList .palace .swiper-slide .box img{
            object-fit: cover;
            width: 142%;
            height: 142%;
        }
        .swiper-slide .box .t{
            font-size: 30px;
            background: rgba(0,0,0,.3);
            color: #fff;
            letter-spacing: 4px;
            opacity: 0;
            transition: .6s opacity;
            
        }
        .swiper-slide:hover .box .t,
        .swiper-slide.active .box .t{
            opacity: 1;
        }
        .duckList .palace:first-child .swiper-slide .box img,
        .duckList .palace:first-child .swiper-slide .box .t span{
            transform: translate(-50%,-50%) rotate(-45deg);
        }
        .duckList .palace:last-child .swiper-slide .box img,
        .duckList .palace:last-child .swiper-slide .box .t span{
            transform: translate(-50%,-50%) rotate(45deg);
        }
        
        .normal{
            margin-top: 200px;
            margin-bottom: 40px;
        }
        .normal .box{
            position: relative;
            padding-bottom: 100%;

        }

        @media(max-width:1600px){
            .breed_tp2{
                padding: 20px 140px;
            }
            .breed_tp2 .p1{
                font-size: 40px;
            }
            
        }
        @media(max-width:1024px){
            .breed_tp2{
                padding: 0px 80px;
                margin-bottom: 30px;
            }
            .breed_tp2 .p1{
                font-size: 36px;
            }
        }
        @media(max-width:980px){
            .duckList{
                padding-top: 240px;
            }
            .duckList .palace{
                width: 510px;
            }
            .duckList .palace .swiper-slide .box .t{
                font-size: 24px;
            }
        }
        @media(min-width:781px){
            .normal{
                display: none;
            }
        }
        @media(max-width:780px){
            .duckList{
                display: none;
            }
        }
        @media(max-width:767px){
            .breed_tp2{
                padding: 0px 20px;
            }
            .breed_tp2 .p1{
                font-size: 24px;
            }
            .breed_tp2 .p2{
                font-size: 14px;
            }
            .normal .box{
                padding-bottom: 60vw;
            }
        }